﻿<!DOCTYPE html> 
<html> 
	<head>
	<meta charset="utf-8" /> 
	<title>Study Cheat | mobile app</title> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />  
	<link rel="stylesheet" href="_assets/css/jqm-docs.css"/>
	<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script><script type="text/javascript" src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
	</head> 
<body> 



<div data-role="page" data-theme="c" id="home">

	<header data-role="header" data-position="fixed" ><h1><img width="80%" src="img/logo.png"></h1>
		<div data-role="navbar">
		<ul>
			<li><a href="#" class="ui-btn-active">Home</a></li>
			<li><a href="#login">Login</a></li>
            <li><a href="#about">About</a></li>
		</ul>
	</div><!-- /navbar -->

	</header><!-- /header -->

	<div data-role="content">
    <h2>Welcome to Study Cheat</h2>
    
    <h3>Introduction</h3>
    <p>The StudyCheat project is a web application supporting collaboration of students. Sharing experience, documents and information offer help to students with problems during their studies. It is also beneficiary for person who is helping others.</p>
    <h3> The Purpose (Mission)</h3>

    <ul>
    <li>Web application keeping information about student, schools and courses;</li>
    <li>To help students share studying materials; </li>
    <li>To help students study together by using geographical search, chat and shared canvas;</li>
    <li>Mobile version for smartphones.</li>
    </ul>
    

			

	</div><!-- /content -->
    
    <footer data-role="footer"><h4>Study Cheat</h4>
    </footer>
</div><!-- /page -->















<div data-role="page" data-theme="c" id="login">

	<header data-role="header" data-position="fixed" ><h1><img width="80%" src="img/logo.png"></h1>
		

	</header><!-- /header -->

	<div data-role="content">
    
    
   <form action="form.php" method="post">
   <fieldset>
    
    <input type="email" name="name" id="name" value="" placeholder="Insert your email"  />
    <br/>
   
    <input type="password" name="name" id="name" value="" placeholder="insert your password"  />
    <a href="pages/studylist.html" rel="external" data-theme"b" data-role="button">Login</a> 
    </fieldset>   
   </form>
			

	</div><!-- /content -->
    
    <footer data-role="footer"><h4>Copyright</h4>
    </footer>
</div><!-- /page -->



    
<div data-role="page" data-theme="c" id="about">

	<header data-role="header" data-position="fixed" ><h1><img width="80%" src="img/logo.png"></h1>
		

	</header><!-- /header -->

	<div data-role="content">
    
    
  <p>Elementum? Porta facilisis dapibus enim dolor lundium ac egestas! Arcu? Augue nunc, sed massa! Ac, dapibus montes hac nisi augue! Mus integer amet, elementum, elit platea lectus porttitor aenean porttitor augue odio, quis pid ultrices augue, augue risus augue tempor. Vut, etiam nunc enim tortor! Aliquet nunc vel ac! Pulvinar.

Pellentesque, sit turpis, urna non ut? Eros, dis egestas, mauris tincidunt penatibus in rhoncus odio et, tincidunt, porttitor dignissim mus dignissim. Elementum facilisis dis, natoque, eros lundium, proin est? Egestas pid! A, adipiscing, ac, porttitor? Auctor diam cum aenean, in odio enim porttitor augue dapibus scelerisque nisi ac, porttitor.</p>
			

	</div><!-- /content -->
    
    <footer data-role="footer"><h4>Copyright</h4>
    </footer>
    
</div><!-- /page -->

</body>
</html>